<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 标题 -->
    <title>众筹建设详情</title>
    <!-- 关键词 -->
    <meta name="keywords" content="" />
    <!-- 网站简介 -->
    <meta name="description" content="" />
    <!-- 自适应屏幕 -->
    <meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">
    <!-- IE兼容 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link href="css/banner.css" rel="stylesheet" />
    <!-- 最新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/bootstrap.css">

    <!-- 核心 CSS 文件 -->
    <link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body >
    <!-- 顶部 -->
    <div class="top raise-usercenter">
        <a href="" class="userce"><span class="iconfont">&#xe66d;</span></a>
        大殿佛像装金
        <a href="" class="goback"><span class="iconfont">&#xe60e;</span></a>
    </div>
    
    <!-- 众筹banner -->
    <div class="raise-banner">
        <img src="images/raise.png" alt="">
    </div>

    <div class="raise-detail">
        <div class="raise-detail-top">
            <div class="progress_bar">
                <div class="pro-bar">
                    <small class="progress_bar_title">
                        善款
                        <span class="progress_number">75%</span>
                    </small>
                    <span class="progress-bar-inner" style="background-color: #fdba04; width: 75%;" data-value="75" data-percentage-value="75"></span>
                </div>
            </div>
            <div class="row">
                <div class="col-md-5 col-xs-5">
                    <p>目标 100000 元</p>
                    <p>已筹 <span>17954.9</span> 元</p>
                </div>
                <div class="col-md-4 col-xs-4">
                    <p>随喜次数</p>
                    <p><span>30175</span> 人</p>
                </div>
                <div class="col-md-3 col-xs-3">
                    <p>一起捐</p>
                    <p><span>1593</span> 人</p>
                </div>
            </div>
        </div>
        <div class="raise-detail-center">
           供佛斋僧积累大福报
        </div>
        <div class="raise-detail-bottom">
           <h5>感恩<span>107</span>位爱心传播者和<span>257</span>位善士</h5>
           <ul class="clearfix">
               <li><img src="images/img1.jpg" alt=""></li>
               <li><img src="images/img2.jpg" alt=""></li>
               <li><img src="images/img1.jpg" alt=""></li>
               <li><img src="images/img2.jpg" alt=""></li>
               <li><img src="images/img1.jpg" alt=""></li>
               <li><img src="images/img2.jpg" alt=""></li>
               <li><img src="images/img1.jpg" alt=""></li>
               <li><img src="images/img2.jpg" alt=""></li>
               <li><img src="images/img1.jpg" alt=""></li>
               <li><img src="images/img2.jpg" alt=""></li>
               <a href=""><span class="iconfont">&#xe602;</span></a>
           </ul>
        </div>
        <div class="raise-detail-btn clearfix">
            <a href="" class="left"><span class="iconfont">&#xe672;</span> 我要随喜</a>
            <a href="" class="right"><span class="iconfont">&#xe680;</span>我要筹款</a>
        </div>
    </div>
    
    
    <!-- jQuery文件 -->
    <script src="js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="js/bootstrap.min.js"></script>
</body>
</html>
